<template>
  <div>
    <detailBaseInfo
      ref="basicInfo"
      labelWidth="130px"
      :formList="agreementInfoJs.agreementDetailInfo"
      :detail="componentsDatil.smpProtocol || {}"
    />
    <contractAnnex
      ref="contractAnnex"
      isTab
      v-model="componentsDatil.protocolConcFiles"
      state="detail"
    />
  </div>
</template>

<script>
import agreementInfoJs from "../../js";
import publicComponent from "@/basa/components/public";
export default {
  props: {
    componentsDatil: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  components: {
    detailBaseInfo: publicComponent.detailBaseInfo,
    contractAnnex: publicComponent.uploadInfo
  },
  data() {
    return {
      agreementInfoJs
    };
  }
};
</script>
